<template>
  <div class="tab border-bottom">
    <router-link tag='div' class="tab-item" to="/goods">
      <span class="tab-link">商品</span>
      </router-link>
    <router-link tag='div' class="tab-item" to="/ratings">
      <span class="tab-link">评论</span>
      </router-link>
    <router-link tag='div' class="tab-item" to="/seller">
      <span class="tab-link">商家</span>
  </router-link>
  </div>
</template>

<script>

export default{
  components:{
    
  }
}

</script>

<style lang="stylus" scoped>
.tab{width:100%;display:flex;width:100%;height:40px;line-height:40px;font-size:14px;}
.tab-item{flex:1;text-align:center;touch-action: none;color:rgb(77,85,93);}
.tab-link{padding-bottom:5px;}
.router-link-active .tab-link{color:rgb(240,20,20);}

</style>
